
<!-- Latest compiled and minified JavaScript -->

<html lang="en">
  <head>
    <title>the color move</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/grid.css" rel="stylesheet">
  </head>

  <body>
    <div class="container">

      <div class="page-header">
          <center>
            <h1>deepcolor</h1>
            <p class="lead">utilize the power of <a href="http://kvfrans.com/generative-adversial-networks-explained/">mathematical magic</a> to automatically color a sketch or lineart</p>

            <a class="btn btn-lg btn-default" href="http://kvfrans.com/coloring-and-shading-line-art-automatically-through-conditional-gans/" role="button">Details</a>
            <a class="btn btn-lg btn-primary" href="/draw" role="button">Try it »</a>
            <a class="btn btn-lg btn-default" href="https://github.com/kvfrans/deepcolor" role="button">Github</a>

        </center>
      </div>

      <h3>Examples</h3>
      <p>Only line image <a href="http://safebooru.org/index.php?page=post&s=view&id=1968511">[source]</a> </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/1_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/1_color.png" />
        </div>
      </div>

      <p> Line image with color hints </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/2_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/2_color.png" />
        </div>
      </div>

      <p> Fine art <a href="https://www.vanartgallery.bc.ca/the_exhibitions/exhibit_picasso.html">[source (Picasso)]</a></p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/3_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/3_color.png" />
        </div>
      </div>

      <p> Picasso with color hint </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/4_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/4_color.png" />
        </div>
      </div>

      <p> Confusing background </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/5_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/5_color.png" />
        </div>
      </div>

      <p> Heterochromia </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/6_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/6_color.png" />
        </div>
      </div>

      <p>My bad attempt at drawing </p>
      <div class="row">
        <div class="col-md-6">
            <img src="images/7_line.png" />
        </div>
        <div class="col-md-6">
            <img src="images/7_color.png" />
        </div>
      </div>

    </div> <!-- /container -->


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  </body>
</html>
